<!--<template>
</template>-->

<script>
    import {h} from 'vue'
    export default {
        name: "render02",
        setup() {
            let name = 'render'
            return {
                name
            }
        },
        render(createElement) {
            console.log(createElement)
            // setup也是函数返回对象，并且render函数绑定了this，所以可以取到
            // 当使用data或者setup取出里面的值都需要this获取。
            return h('div', [
                h('h1', {class: 'app'}, this.name),
                h('h2', {class: 'app'}, this.name),
                h('h3', {class: 'app'}, this.name),
            ])
        }
    }
</script>
<style scoped>
</style>
